*{
    margin: 0;
    padding: 0;
    outline: 0;
}
input{outline: none;}
ul li{list-style: none;}
a{text-decoration: none;}

.center{
    margin: 0 auto;
    font-size: 12px;
    width: 90%;
}

.notes{
    height: 30px;
    
}
.marquee{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

/*导航栏  头部*/
.wrap-nav{
    height: 105px;
    width: 91.43%;
}
.nav-menu{
    margin: 25px 0 25px 0;
    height: 78px;
}
.stockcode{
    color: #a58787;
    height: 22px;
    line-height: 22px;
}

.nav{
    height: 55px;
    
}
.nav #nav-ul{
    height: 55px;
    width: 96%;
    float: left;
}
.nav #nav-ul li{
    height: 83px;
    line-height: 55px;
    float: left;
    cursor: pointer;
    width: 96px;
    text-align: right;
    font-size: 15px;
    position: relative;
}
.nav #nav-ul li a {
    color: black;
}
.nav #nav-ul li:hover a{
    color: #26cad3;
}
.nav #nav-ul li:hover .submenu{
    display: block;
}
.nav #nav-ul li:first-child{
    width: 79px;
    height: 55px;
}
.nav #nav-ul li:first-child img{
    width: 79px;
    height: 55px;
    
}
.nav #nav-ul .coordinate{
    width: 83px;
    height: 24px;
    line-height: 24px;
    margin-top: 17px;
    margin-left: 52px;
    background: url(../images/earth.png) no-repeat center center;
    color: white;
    text-align: center;
}
.nav #nav-ul .coordinate span{
    padding-left: 16px;
}
.nav #nav-ul .seach-input{
    width: 256px;
    margin-left: 52px;
    padding-top: 10px;
}
.nav #nav-ul .seach-input.search-box{
    width: 256px;
    border: 1px solid #bfbfbf;
    height: 29px;
    margin-top: 11px;
}
.nav #nav-ul .seach-input .search-img{
    display: inline-block;
    width: 30px;
    height: 29px;
    background: url(../images/search.png)no-repeat center center;
    float: left;
}
.nav #nav-ul .seach-input input{
    width: 146px;
    height: 29px;
    float: left;
    border: none;
    

}
.nav #nav-ul .seach-input .search-btn{
    display: inline-block;
    width: 80px;
    height: 29px;
    background: #26cad3;
    float: left;
    line-height: 29px;
    text-align: center;
    color: white;
    font-size: 15px;
}
.nav .person{
    float: right;
    width: 37px;
    height: 37px;
    background: url(../images/personal_1.png) no-repeat center center;
    background-size: 100%;
    margin-top: 9px;
    border-radius: 50%;
    a{
        display: inline-block;
        width: 37px;
        height: 37px;
        border-radius: 50%;
    }
}

.nav {
    .person :hover .person-list{
        display: block;
}
}
/*导航栏弹出菜单*/

#submenu-list{
    position: relative;
    width: 100%;
    z-index: 999;
    display: none;
}
#submenu-list .submenu{
    text-align: center;
    border-top: 1px solid #ccc;
    overflow: hidden;
    box-shadow:0px 9px 8px #ececec ;
    height: 216px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 2px;
    background: white;
    overflow: hidden;
}
#submenu-list .submenu li{
    width: 24.99%;
    height: 250px;
    background: url(../images/bdr.jpg)no-repeat right 37px;
    overflow: hidden;
    float: left;
    text-align: center;
    padding-top: 17px;
}
#submenu-list .submenu li:last-child{
    background: none;
}
#submenu-list .submenu li img{
    margin-top: 9px;
    width: 200px;
    height: 125px;
    margin-bottom: 6px;
}
#submenu-list .submenu li p{
    height: 25px;
    line-height: 20px;
    cursor:default ;
}
#submenu-list .submenu li p:nth-child(3){
    color: orange;
}

.wrap-nav{
    //客服
    .custom-service{
        a{
            display: block;
            position: fixed;
            box-sizing: border-box;
            font-size: 13px;
            color: white;
            text-align: center;
            cursor: pointer;
            left: 0;
            bottom: 0;
            margin-bottom: 75px;
            margin-right: 0;
            width: 60px;
            margin-left: 50px;
            img{
                width: 60px;
                max-width: 200px;
            }
        }
    }
    
    //右边固定导航菜单
    .nav-right{
        position: fixed;
        right: 1em;
        top: 334px;
        width: 76px;
        background: white;
        z-index: 999;
        text-align: center;
        border: 1px solid #BCBCBC;
        border-top: 0;
        .nav-tab{
            width: 76px;
            height: 75px;
            cursor: pointer;
            border-top: 1px solid #bcbcbc;
            a{
                color: #bcbcbc;
                .index-img{
                    height: 44px;
                    img{
                       width: 22px;
                       height: 22px;
                       margin: 14px 27px 0;
                    }
               }
            }
            .index-img{
                height: 44px;
               img{
                   width: 22px;
                   height: 22px;
                   margin: 14px 27px 0;
               }
            }
        }
       .rtn-top{
           height: 45px;
           background: #26CAD3;
           a{
               display: inline-block;
               width: 100%;
               height: 45px;
               color: white;
               text-align: center;
               .index-img{
                   height: 22px;
                   img{
                       margin: 9px 30px 0;
                       height: 7px;
                   }
            }
           }
       }
    }
    
    //个人中心显示与隐藏
   .person-list{
       height: 130px;
       width: 115px;
       background: white;
       position: absolute;
       display: none;
       top: 147px;
       box-shadow: 1px 4px 2px gainsboro;
       border-top: 0;
       right: 20px;
       ul{
           height: 150px;
           li{
               height: 26px;
               text-align: center;
               color: gray
           }
       }
   }
}
.person-list{
    ul{
        li:hover{
            color: #26CAD3;
        }
    }
}




/*第二部分 左边菜单和轮播*/

.banner-one{
    height: 442px;
}
/*左边*/
.banner-one .banner-one-left{
        width: 20%;
        height: 442px;
        background: #26cad3;
        font-size: 16px;
        color: white;
        float: left;
 }
 .banner-one .banner-one-left  ul{
            width: 229px;
            height: 130px;
            padding-top: 31px;
}
.banner-one .banner-one-left  ul li{
    margin-left: 32px;
    height: 42px;
    width: 143px;
    padding-left: 33px;
}

.banner-one .banner-one-left  ul .proto-cake{
    background: url(/images/list1.png)no-repeat left top;
    background-size: 22px 22px;
}
.banner-one .banner-one-left  ul .suger{
    background: url(/images/list2.png)no-repeat left top;
    background-size: 22px 22px;
}
.banner-one .banner-one-left ul .milk{
    background: url(/images/list3.png)no-repeat left top;
    background-size: 22px 22px;
}

.banner-one .banner-one-left ul li .arrow{
    float: right;
}
.banner-one .banner-one-left .apart{
    width: 175px;
    margin-left: 30px;
    height: 1px;
    border-bottom: 1px dashed white;
}
.banner-one .banner-one-left  .down .proto-cake{
    background: url(/images/list4.png)no-repeat left top;
    background-size: 22px 22px;
}
.banner-one .banner-one-left  .down .suger{
    background: url(/images/list5.png)no-repeat left top;
    background-size: 22px 22px;
}
.banner-one .banner-one-left  .down .milk{
    background: url(/images/list6.png)no-repeat left top;
    background-size: 22px 22px;
}
/*右边*/
.banner-one .banner-one-right{
    width: 80%;
    height: 442px;
    float: right;
}


/*推荐*/
.recommend{
    height: 168px;
    margin-top: 14px;
}


.recommend .recommend-left{
    width: 20%;
    height: 167px;
    background: url(/images/r0.png)no-repeat center center;
    background-size: 100%;
    float: left;
}
.recommend .recommend-left div{
    float: left;
    width: 112px;
    height: 82px;
}

.recommend .recommend-right{
    width: 80%;
    height: 167px;
    float: right;
}
.recommend .recommend-right div{
    width: 31.9%;
    height: 167px;
    margin-left: 13px;
    float: left;
}
.recommend .recommend-right div a{
    display: inline-block;
    width: 100%;
    height: 167px;
    float: left;
}
.recommend .recommend-right div a img{
    width: 100%;
    height: 167px;
}

.content{
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
    margin-top: 42px;
}

.content .banner-img{
    height: 130px;
    margin-top: 26px;
}
.content .banner-img a{
    display: inline-block;
    height: 130px;
    width: 100%;
}
.content .banner-img a img{
    width: 100%;
    height: 130px;
    
}

.content .titles{
    height: 97px;
    line-height: 97px;
    color: #26cad3;
    font-size: 21px;
    font-weight: 500;
}

.content{
    //匠心原创
    .product-one {
        height: 609px;
        .left{
            width:20%;
            float: left;
            text-align: center;
            a{
                display: inline-block;
                width: 100%;
                height: 609px;
                img{
                    margin:0 auto;
                    height: 609px;
                    width: 100%;
                    margin-bottom: 10px;
                }
            }
            
        }
        
        .right{
            width: 80%;
            float: right;
           .box{
               width: 100%;
               div{
                   margin-left: 13px;
                   margin-bottom: 13px;
                   float: left;
                   width: 31.9%;
                   text-align: center;
                   background: white;
                   height: 298px;
                   a{
                       display: inline-block;
                       float: left;
                       width: 100%;
                       background: white;
                       height: 298px;
                       color: black;
                       img{
                           width: 100%;
                           height: 200px;
                       }
                       p{
                           font-size: 16px;
                           line-height: 30px;
                           height: 30px;
                           +p{
                               font-size: 21px;
                               color: orangered;
                               height: 25px;
                               line-height: 25px;
                               +p{
                                   font-size: 12px;
                                   color: gainsboro;
                                   position: relative;
                                   .cart{
                                       display: inline-block;
                                       width: 25px;
                                       height: 20px;
                                       background: url(/images/arrow.jpg)no-repeat center center;
                                       background-size: 100%;
                                       position: absolute;
                                       top:0;
                                       right: 10px;
                                   }
                               }
                           }
                       }
                   }
                   
                   + .box{
                       margin-bottom: 0;
                   }
               }
           }
        }
    }
    
   
    
    .product-two{
        height: 298px;
            div{
                margin-left: 13px;
                float: left;
                width: 24.1%;
                text-align: center;
                background: white;
                height: 298px;
                a{
                    display: inline-block;
                    width: 100%;
                    height: 298px;
                    color: black;
                    img{
                        width: 100%;
                        height: 200px;
                    }
                    p{
                        font-size: 16px;
                        line-height: 30px;
                        height: 30px;
                       +p{
                            font-size: 21px;
                            color: orangered;
                            height: 25px;
                            line-height: 25px;
                            +p{
                                font-size: 12px;
                                color: gainsboro;
                                position: relative;
                                .cart{
                                    display: inline-block;
                                    width: 25px;
                                    height: 20px;
                                    background: url(/images/arrow.jpg)no-repeat center center;
                                    background-size: 100%;
                                    position: absolute;
                                    top:0;
                                    right: 10px;
                                }
                            }
                        }
                    }
                }
                
                  
            }
            .one{
                margin: 0;
            }
    }
    
}

//尾部
.footer{
    width: 100%;
    height: 430px;
    background: url(/images/footer2.jpg)no-repeat center;
   .main-foot{
       width: 1100px;
       height: 402px;
       position: relative;
       margin: 0 auto;
       color: white;
       font-size: 13px;
       .foot-list{
           width: 80%;
           height: 20px;
           position: absolute;
           top: 166px;
           left: 135px;
           a{
               text-align: center;
               display: inline-block;
               margin-left: 25px;
               height: 20px;
               width: 80px;
               color: white;
               font-size: 14px;
           }
           .list-one{
               margin-left: 46px;
           }
       }
       
       .net-security{
           width: 50%;
           position: absolute;
           height: 41px;
           bottom: 0;
           left: 403px;
           div{
               width: 170px;
               height: 40px;
               float: left;
               +div{
                   margin-left: 16px;
                   width: 120px;   
               }
           }
       }
       .os-name{
           position: absolute;
           font-size: 18px;
           left: 467px;
           top: 44px;
           
       }
       .notes{
           position: absolute;
           top: 95px;
           left: 388px;
          
       }
       .notes:hover .os-name{
           display: block;
       }
       .phone{
           position: absolute;
           top: 119px;
           left: 332px;
           span{
               padding-left: 60px;
           }
       }
       .brand-include{
           position: absolute;
           top: 226px;
           left: 338px;
       }
       .company-name{
           position: absolute;
           bottom: 83px;
           left: 456px;
       }
       .copyright{
           position: absolute;
           bottom: 58px;
           left: 371px;
           color: #fafafa;
           font-size: 12px;
       }
       .weixin{
           position: absolute;
           width: 50px;
           height: 50px;
           border-radius: 50%;
           top: 36px;
           left: 619px;
           border:1px solid;
           + .weixin{
               left: 690px;
           }
       }
      
       .weixin-img{
           position: absolute;
           top: -193px;
           left: 524px;
           +.weixin-img{
               left: 611px;
           }
       }
       #wx-img{
           display: none;
       }
       #app-img{
           display: none;
       }
       #weixin-hv:hover #wx-img{
           border: 1px solid;
       }
       #app-hv:hover #app-img{
           display: block;
       }
   }
   
   
   
    //贝氏严选
    .product-middle{
        height: 609px;
        .left{
            width: 20%;
            float: left;
            div{
                height: 298px;
                text-align: center;
                margin-bottom: 13px;
                img{
                    margin:0 auto;
                    height: 298px;
                    width: 100%;
                }
            }
        }
        .right{
            width: 80%;
            float: right;
           .box{
               width: 100%;
               div{
                   margin-left: 13px;
                   margin-bottom: 13px;
                   float: left;
                   width: 31.8%;
                   text-align: center;
                   background: white;
                   height: 298px;
                   img{
                       width: 100%;
                       height: 200px;
                   }
                   p{
                       font-size: 16px;
                       line-height: 30px;
                       height: 30px;
                       +p{
                           font-size: 21px;
                           color: orangered;
                           height: 25px;
                           line-height: 25px;
                           +p{
                               font-size: 12px;
                               color: gainsboro;
                               position: relative;
                               .cart{
                                   display: inline-block;
                                   width: 25px;
                                   height: 20px;
                                   background: url(/images/arrow.jpg)no-repeat center center;
                                   background-size: 100%;
                                   position: absolute;
                                   top:0;
                                   right: 10px;
                               }
                           }
                       }
                   }
                   + .box{
                       margin-bottom: 0;
                   }
               }
           }
        }
    }
   
}


